- page_title _('Bitbucket Server Import')
- header_title _("New project"), new_project_path
- add_to_breadcrumbs s_('ProjectsNew|Import project'), new_project_path(anchor: 'import_project')

- if Feature.enabled?(:new_project_creation_form, current_user)
  #js-vue-import-bitbucket-server-project-root{ data: {
    back_button_path: new_project_path(anchor: 'import_project'),
    form_path: configure_import_bitbucket_server_path(namespace_id: params[:namespace_id])
  } }
- else
  = render ::Layouts::PageHeadingComponent.new('') do |c|
    - c.with_heading do
      %span.gl-inline-flex.gl-items-center.gl-gap-3
        = sprite_icon('bitbucket', size: 32)
        = _('Import repositories from Bitbucket Server')
    - c.with_description do
      = _('Enter in your Bitbucket Server URL and personal access token below')

  = form_tag configure_import_bitbucket_server_path(namespace_id: params[:namespace_id]), method: :post do
    .form-group.gl-col-12.gl-col-sm-6.gl-pr-0.gl-pl-0
      = label_tag :bitbucket_server_url, 'Bitbucket Server URL', class: 'label-bold'
      = text_field_tag :bitbucket_server_url, '', class: 'form-control gl-form-input gl-mr-3', placeholder: _('https://your-bitbucket-server'), size: 40
    .form-group.gl-col-12.gl-col-sm-6.gl-pr-0.gl-pl-0
      = label_tag :bitbucket_server_username, 'Username', class: 'col-form-label'
      = text_field_tag :bitbucket_server_username, '', class: 'form-control gl-form-input gl-mr-3', placeholder: _('username'), size: 40
    .form-group.gl-col-12.gl-col-sm-6.gl-pr-0.gl-pl-0
      = label_tag :personal_access_token, 'Password/Personal access token', class: 'col-form-label'
      = password_field_tag :personal_access_token, '', class: 'form-control gl-form-input gl-mr-3', placeholder: _('Personal access token'), size: 40
    .gl-mt-6
      = render Pajamas::ButtonComponent.new(type: 'submit', variant: :confirm) do
        = _('List your Bitbucket Server repositories')
